<template>
    <!--详情页面下  关注的楼盘 选项卡下的 头部展示内容-->
    <div>
        <el-table align="center"
                  :data="ZxFocusHouse"
                  style="width: 100%">
            <el-table-column align="center"
                             prop="houseName"
                             label="楼盘名称"
                             min-width="150">
            </el-table-column>
            <el-table-column align="center"
                             prop="address"
                             label="楼盘地址"
                             min-width="180">
            </el-table-column>
            <el-table-column align="center"
                             prop="price"
                             label="楼盘均价"
                             min-width="120">
            </el-table-column>
            <el-table-column align="center"
                             prop="date"
                             label="提交时间"
                             min-width="220">
            </el-table-column>
            <!--<el-table-column align="center"
                             prop=""
                             label="操作"
                             min-width="180">
               &lt;!&ndash; <template slot-scope="scope">
                    <el-button @click="manageReport(scope.row)" type="text" size="mini"></el-button>
                </template>&ndash;&gt;
            </el-table-column>-->
        </el-table>
    </div>
   <!-- <div>
        <div class="flex-container" >
            <div class="flex-item">
                <p>楼盘名称:{{houseName}}</p>
            </div>
            <div class="flex-item">
                <p>楼盘地址：{{address}}</p>
            </div>
            <div class="flex-item">
                <p>楼盘均价：{{price}}</p>
            </div>
            <div class="flex-item">
                <p>提交时间：{{date}}</p>
            </div>
        </div>
    </div>-->
</template>
<!--详情页面下  关注的楼盘 选项卡下的 头部展示内容  ===引入到Information-->
<script>
    export default {
        name: "FocusHouse",
           data(){
                return{
                    /*买房管家下==详情页面==关注的楼盘 选项卡下===第一部分渲染内容*/
                    ZxFocusHouse:[{
                        houseName: '中粮鸿云',
                        address: '锦江区-攀成钢',
                        price: '均价8000元/平米',
                        date:'2020-10-04  06:22:15'
                    },
                        {
                            houseName: '中德英伦联邦',
                            address: '高新区-大源',
                            price: '均价8000元/平米',
                            date:'2020-10-04  06:22:15'
                        }],
                }
           },
        methods:{
            handleClick(tab, event) {
                /* console.log(tab, event);*/
            }
        }

    }
</script>

<style lang="less" scoped>
    .flex-container {
        display: -webkit-flex;
        display: flex;
        /*  width: 400px;
          height: 250px;*/
        background-color: lightgrey;
    }

    .flex-item {
        /*  background-color: cornflowerblue;*/
        width: 300px;
        height: 50px;
        margin: 10px;
        p{
            padding: 10px;
        }
    }
</style>